<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>SCS Multimedia HTML</title>

	<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

	<link rel="stylesheet" href="css/style.css" type="text/css">
	
    <!--[if IE]>
    <style type="text/css">
		.links {
			width: 25%;
		}
		.content A:link, A:active, A:visited {
			font-size: 14pt;
			/* font-weight: bold; */
			text-decoration: none;
		}

		.content A:hover {
			font-weight: bold;
			text-decoration: underline;
			color: #0000FF;
		}
    </style>
    <![endif]-->

	<script type="text/javascript" src="ddtabmenufiles/menu.js"></script>
	<link rel="stylesheet" href="css/menu.css" type="text/css">

<script type="text/javascript">

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

</script>

</head>
<body>

<div id="container">

	<div id="header">
		<div class="logo"><img alt="SCS Multimedia" src="img/logo.png" width="300" height="116" border="0"></div>
		
		<div id="menu" class="solidblockmenu">
			<ul>
				<li><a href="#">Strona Główna</a></li>
				<li><a href="#">O firmie</a></li>
				<li><a href="#">Oferta</a></li>
				<li><a href="#">Partnerzy</a></li>
				<li><a href="#">Kontakt</a></li>
			</ul>
		</div>
	</div>

	<div id="content">
		
		<div id="slideshow">
		    <img src="img/www.png" alt="" class="active" />
		    <img src="img/serwis.png" alt="" />
		</div>
		
		<div class="content">
			<h2>Witamy w SCS Multimedia</h2>
			<p>Firma SCS Multimedia oferuje Państwu kompleksowe usługi informatyczne, jak:</p>
				<ul>
					<li>profesjonalna obsługa działów IT,</li>
					<li>doradztwo i sprzedaż sprzętu komputerowego oraz jego serwis,</li>
					<li>sprzedaż oprogramowania komputerowego i serwerowego dostosowanych do konkretnych potrzeb,</li>
					<li>projektowanie oraz administracja stron internetowych.</li>
				</ul>
			<p>Zapewniamy szybką realizację projektów, kompleksowość i wysoką jakość usług oraz indywidualne podejście do Państwa potrzeb i oczekiwań.</p> 
			<p>Zapraszamy do zapoznania się ze szczegółową <a href="#">ofertą.</a></p>
			
			
			<table cellspacing="5" cellpadding="5" align="center">
			<tr><td><a href="#" class="content-links">Outsourcing IT</a></td><td><a href="#" class="content-links">Administracja serwerami</a></td></tr>
			<tr><td><a href="#" class="content-links">Bezpieczeństwo</a></td><td><a href="#" class="content-links">Sieci komputerowe</a></td></tr>
			<tr><td><a href="#" class="content-links">Usługi informatyczne</a></td><td><a href="#" class="content-links">Hosting WWW</a></td></tr>
			</table>

		</div>
	</div>

	<div id="footer-links">
		<div class="links">
			<h2>Partnerzy</h2>
			<ul>
				<li><a href="#" class="footer-links">text 1 text 1</a></li>
				<li><a href="#" class="footer-links">text 2 text 2</a></li>
				<li><a href="#" class="footer-links">text 3 text 3</a></li>
				<li><a href="#" class="footer-links">text 4 text 4</a></li>
			</ul>
		</div>
		<div class="links">
			<h2>Inne linki</h2>
			<ul>
				<li><a href="#" class="footer-links">text 1 text 1 text 1 text 1</a></li>
				<li><a href="#" class="footer-links">text 2 text 2 text 2 text 2</a></li>
				<li><a href="#" class="footer-links">text 3 text 3 text 3 text 3</a></li>
				<li><a href="#" class="footer-links">text 4 text 4 text 4 text 4</a></li>
			</ul>
		</div>
		<div class="contact">
			<table cellspacing="0" cellpadding="2" border="0">
				<tr>
					<td><label>Imię i Nazwisko:</label></td><td><input type="text" name="contact-name"></td>
					<td rowspan="3"><label>Wiadomość:</label><br><textarea name="message" cols="30" rows="5"></textarea>
				</tr>
				<tr>
					<td><label>Tytuł:</label></td><td><input type="text" name="contact-title"></td>
				</tr>
				<tr>
					<td><label>E-mail:</label></td><td><input type="text" name="contact-email"></td>
				</tr>
				<tr>
					<td colspan="3" align="center"><input type="submit" name="submit" class="button"></td>
				</tr>
			</table>
		</div>
	</div>

	<div id="footer">
		<p class="footer-menu">
			<a href="#" class="footer">Strona Główna</a>&nbsp;|&nbsp;
			<a href="#" class="footer">Mapa strony</a>&nbsp;|&nbsp;
			<a href="#" class="footer">Polityka prywatności</a>
		</p>
		<p class="footer-copy">Copyright &copy; 2004 - 2012 <a href="mailto:wolfiq@gmail.com" class="footer">SCS Multimedia</a> All Rights Reserved. All other trademarks and copyrights are the property of their respective holders.</p>
	</div>

	<div id="validate">
			<p>
				<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional"></a>
	
	    		<a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Poprawny CSS!"></a>
			</p>
	</div>

</div>
</body>

</html>